// 加载公共样式
require('../../assets/css/public.less')

// 引入自己样式
require('./login.less');

// 导入请求实例
const request = require('../../lib/request/request.js')

// 获取元素
function $(sel) {
    return document.querySelector(sel)
}

function $a(sel) {
    return document.querySelectorAll(sel)
}

// dom加载完毕
window.onload = () => {
    // 判断手机号是否正确
    let reg1 = /^1[3-9][0-9]{9}$/;
    // 判断密码是否正确
    let reg3 = /^[0-9]{5,11}$/;

    // 点击注册账号验证登录信息是否正确
    $('.submit').addEventListener('click', function () {
        // 手机错误信息
        let errMessage = ''
        // 验证手机号输入是否正确
        if (!reg1.test($('.phonum').value)) {
            errMessage = '请输入正确手机号'
        }// 验证密码输入是否正确
        else if (!reg3.test($('.passnum').value)) {
            errMessage = '密码错误'
        } else {
            //  2.发送用户登录请求
            request.post('/api/user/login', {
                account: $('.phonum').value,
                password: $('.passnum').value
            }).then(res => {
                console.log(res);
                // 解构数据
                let { errno, data } = res.data
                // 判断
                if (errno === 0) {
                    // alert('登录成功')
                    console.log(data.message);
                    localStorage.setItem('token', 'Bearer ' + data.token)
                    window.location.href = './home.html'
                    $('.succeed').classList.remove('dpnone')
                    $('.succeed').addEventListener('click', function () {
                        $('.succeed').classList.add('dpnone')
                    })
                    // 错误弹窗定时器
                    setTimeout(function () {
                        $('.succeed').classList.add('dpnone')

                    }, 1000)
                } else {
                    $('.error').classList.remove('dpnone')
                    $('.error').addEventListener('click', function () {
                        $('.error').classList.add('dpnone')
                    })
                    // 错误弹窗定时器
                    setTimeout(function () {
                        $('.error').classList.add('dpnone')

                    }, 1500)

                }
            })
        }

        // 错误信息时候显示，可以安删除键关闭
        if (errMessage) {
            $('.errText').textContent = errMessage
            $('.error').classList.remove('dpnone')
            $('.error').addEventListener('click', function () {
                $('.error').classList.add('dpnone')
            })
            // 错误弹窗定时器
            setTimeout(function () {
                $('.errText').textContent = errMessage
                $('.error').classList.add('dpnone')

            }, 1500)
        }
    })
}



